<template>
  <div>
    <input type="text" v-model.trim="todo" @keyup.enter="submit">
  </div>
</template>

<script>
import {eventBus} from '../eventbus'
import {nanoid} from 'nanoid'
export default {
    name:'MyHeader',
    data(){
        return {
            todo:''
        }
    },
    methods:{
        submit(){
            if(this.todo == ""){
                return alert("不能为空！！！");
            }
            eventBus.$emit('add',{
                todos:{id:nanoid(),todo:this.todo,isCheck: false}
            });
            this.todo = ""
        }
    }
}
</script>

<style>

</style>